<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
    <title>

    {% block title %}
        OA
    {% endblock %}

    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="http://fonts.googleapis.com/css?family=Oxygen|Marck+Script" rel="stylesheet" type="text/css">
    <link href="/static/css/bootstrap.css" rel="stylesheet">
    <link href="/static/css/font-awesome.css" rel="stylesheet">
    <link href="/static/css/main.css" rel="stylesheet">
    <link href="/static/modfile/css/cssstyle.css" rel="stylesheet">

</head>
<body>

<div class="container">

	<div class="row">

		<div class="span2">

		<div class="main-left-col">

			<h1><i class="icon-home icon-small"></i><br>OA</h1>

			<ul class="side-nav">

				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="collapse" data-target="#department-dropdown" href="#">
						<i class="icon-sitemap"></i> 组织机构 <b class="caret"></b></a>
					<ul id="department-dropdown" class="collapse">
						<li><a href="#">五官科</a></li>
						<li><a href="#">内科</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="collapse" data-target="#info-dropdown" href="#">
						<i class="icon-info-sign"></i> 信息发布 <b class="caret"></b></a>
					<ul id="info-dropdown" class="collapse">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="collapse" data-target="#attendance-dropdown" href="#">
						<i class="icon-check"></i> 考勤管理 <b class="caret"></b></a>
					<ul id="attendance-dropdown" class="collapse">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="collapse" data-target="#data-dropdown" href="#">
						<i class="icon-file"></i> 资料中心 <b class="caret"></b></a>
                            <ul id="data-dropdown" class="collapse">
                                <li><a href="/modfile/managerfile">文件管理</a></li>
		                        <li><a href="/modfile/loadfile">文件上传</a></li>
		                        <li><a href="/modfile/searchfile">文件检索</a></li>
                            </ul>

				</li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="collapse" data-target="#email-dropdown" href="#">
						<i class="icon-envelope"></i> 电子邮件 <b class="caret"></b></a>
					<ul id="email-dropdown" class="collapse">
						<li><a href="#">1</a></li>
						<li ><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="collapse" data-target="#approval-dropdown" href="#">
						<i class="icon-list-alt"></i> 审批中心 <b class="caret"></b></a>
					<ul id="approval-dropdown" class="collapse">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ul>
				</li>

			</ul>

		</div> <!-- end main-left-col -->

	</div> <!-- end span2 -->

	<div class="span10">

	<div class="secondary-masthead">

		<ul class="nav nav-pills pull-right">
			<li>
				<a href="#"><i class="icon-globe"></i>注册</a>
			</li>
			<li class="dropdown">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-user"></i> Dage <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">个人资料</a></li>
					<li><a href="#">账号设置</a></li>
					<li class="divider"></li>
					<li><a href="">退出</a></li>
				</ul>
			</li>
		</ul>

		<ul class="breadcrumb">
			<li>
				<a href="#">首页</a>
			</li>
			{%block top_nav%}
				<span class="divider">/</span>
			    <li class="active">当前页面</li>
			{%endblock%}
		</ul>

	</div>

	<div class="main-area dashboard">

		{%block body%}

		{%endblock%}


		<div class="row">

			<div class="span10 footer">
				{%block footer%}


				{%endblock%}
				<p>&copy; Dage 2018</p>
			</div>

		</div>
	</div>

	</div> <!-- end span10 -->

	</div> <!-- end row -->

</div> <!-- end container -->



<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/excanvas.min.js"></script>
<script src="/static/js/jquery.flot.min.js"></script>
<script src="/static/js/jquery.flot.resize.js"></script>
<script type="text/javascript">
$(function () {
    var d1 = [];
        d1.push([0, 32]);
        d1.push([1, 30]);
        d1.push([2, 24]);
        d1.push([3, 17]);
        d1.push([4, 11]);
        d1.push([5, 25]);
        d1.push([6, 28]);
        d1.push([7, 36]);
        d1.push([8, 44]);
        d1.push([9, 52]);
        d1.push([10, 53]);
        d1.push([11, 50]);
        d1.push([12, 45]);
        d1.push([13, 42]);
        d1.push([14, 40]);
        d1.push([15, 36]);
        d1.push([16, 34]);
        d1.push([17, 24]);
        d1.push([18, 17]);
        d1.push([19, 17]);
        d1.push([20, 20]);
        d1.push([21, 28]);
        d1.push([22, 36]);
        d1.push([23, 38]);

    $.plot($("#placeholder"), [ d1 ], { grid: { backgroundColor: 'white', color: '#999', borderWidth: 1,
     borderColor: '#DDD' }, colors: ["#FC6B0A"], series: { lines: { show: true, fill: true,
     fillColor: "rgba(253,108,11,0.4)" } } });
});
</script>


</body>
</html>